<template>
    <div>
        <!-- 表格操作项 start  -->
        <template v-for="(item, index) in tableBtn">
          <Button
            :key="index"
            type="primary"
            :icon="item.icon"
            class="ivu-mr-8"
            v-if="showBtn(item.label)"
            @click="tableTopOperate(item.name)">{{ item.label }}</Button>
        </template>

        <!-- <Button icon="md-list"
                class="ivu-ml-8"
                v-show="tableBatchBtns && tableBatchBtns.length>0 && tableSelectData &&tableSelectData.length">批量操作</Button> -->
        <Dropdown class="ivu-ml-8"
                  v-show="tableSelectData && tableSelectData.length>0"
                  @on-click="handleClickItem">
            <Button>更多操作
                <Icon type="ios-arrow-down" /></Button>
            <DropdownMenu slot="list">
                <DropdownItem v-for="(item, index) in tableBatchBtns"
                              :key="index"
                              :name="item.name">{{item.label}}</DropdownItem>
            </DropdownMenu>
        </Dropdown>
        <!-- 表格操作项 end  -->
    </div>
</template>
<script>
    import dynamictablebtns from '@/mixins/dynamictablebtns'; // 混入通用代码
    import { mapGetters } from 'vuex';
    export default {
        mixins: [
            dynamictablebtns
        ],
        data () {
            return {
            }
        },
      computed: {
        ...mapGetters('permissions/systemBtns', [
          'showBtn'
        ]),
      },
    }
</script>
